// http://www.liulongbin.top:3009/api/news

// 封装一个函数
function getNewList() {
  axios({
    url: 'http://www.liulongbin.top:3009/api/news',
  }).then(({ data }) => {
    // console.log(data);

    // axios默认加了一层
    // 接口认为code 为200时成功
    // 技术上的 业务上的
    if (data.code === 200) {
      // 此时认为获取得到了数据 更加严谨一点
      // map会生成一个新数组
      // console.log(data[`data`]);
      const arr = data['data'].map(function (item) {
        //   item是当前项的值
        return `<div class="news-item">
        <img class="thumb" src="http://www.liulongbin.top:3009${item.img}" alt="" />
        <div class="right-box">
          <!-- 新闻标题 -->
          <h1 class="title">${item.title}</h1>
          <div class="footer">
            <div>
              <!-- 新闻来源 -->
              <span>${item.source}</span>&nbsp;&nbsp;
              <!-- 发布日期 -->
              <span>${item.time}</span>
            </div>
            <!-- 评论数量 -->
            <span>评论数：${item.cmtcount}</span>
          </div>
        </div>
      </div>`;
      });
      console.log(arr);
      //   jq渲染
      $('#news-list').html(arr); // html方法除了传字符串 还可以传入字符串数组
    }
  });
}
getNewList();
